<template>
  <div class="demo">
    <div class="demo-title">不可用</div>
    <div class="demo-content">
      <InputNumber v-model:value="value" :min="1" :max="10" :disabled="disabled" />
      <div style="margin-top: 20px">
        <Button type="primary" @click="toggle">Toggle disabled</Button>
      </div>
    </div>
  </div>
</template>

<script lang="ts" setup>
  import { ref } from 'vue';
  import Button from '@sscd/button';
  import InputNumber from '@sscd/input-number';
  const value = ref<number>(3);
  const disabled = ref<boolean>(true);
  const toggle = () => {
    disabled.value = !disabled.value;
  };
</script>
